<template>
  <div>
    <p>hello element</p>
    <!-- 先引入组件 -->
    <el-row>
      <el-button>默认按钮</el-button>
      <el-button type="primary">主要按钮</el-button>
      <el-button type="success">成功按钮</el-button>
      <el-button type="info">信息按钮</el-button>
      <el-button type="warning">警告按钮</el-button>
      <el-button type="danger">危险按钮</el-button>
    </el-row>
    <hr>
    <!-- 先引入组件 -->
    <el-transfer v-model="value" :data="data"></el-transfer>
  </div>
</template>
<script>
export default {
  // 引入对应数据
  data() {
    const generateData = _ => {
      const data = [];
      for (let i = 1; i <= 15; i++) {
        data.push({
          key: i,
          label: `备选项 ${ i }`
        });
      }
      return data;
    };
    return {
      data: generateData(),
      value: [1, 4]
    };
  },
  components: {
    
  },
  methods: {
  
    
  },
};
</script>
<style lang="">
  
</style>